<!DOCTYPE HTML>
<html>
 <head>
  <title> New Document </title>
  <meta charset="UTF-8" />
  <meta name="Generator" content="NPP-Plugin">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style>
	/* 这里是CSS代码 */
  </style>

 </head>
 <body>
	<header>
		<h1>This is the Title of the Content</h1>
		<div class="post-meta">
			<p>By Author</a> <span class="category">Filed in Web 2.0</span></p>  
		</div>
	</header>	<!--头部-->
	
	<h4>Table of Content</h4>	<!--标题-->
	<nav>
		<ul>
			<li><a href="#overview">Overview</a></li>
			<li><a href="#history">History</a></li>
			<li><a href="#development">Development</a></li>
		<ul>
	</nav>	<!--导航部-->
	<article>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id 
		felis et augue sagittis euismod quis at sem. Nunc sit amet magna ac velit congue 
		ultricies. Sed eros justo, lacinia in fringilla sollicitudin, congue id massa. 
		Nunc dignissim bibendum nibh, sed dictum massa pharetra sit amet.</p>
	</article>	<!--内容部-->
	
	<footer>
		<div class="tags">
			<span class="tags-title">Tags:</span> <a href="#" rel="tag">Command Prompt</a>, <a href="#" rel="tag">Compass</a>, <a href="#" rel="tag">CSS</a>, <a href="#" rel="tag">Sass</a>, <a href="#" rel="tag">Terminal</a>
		</div>
		<div class="facebook-like">
			<div>10 likes</div> <!-- let's pretend it to be the facebook like -->
		</div>
	</footer>	<!--尾部-->
 </body>
</html>